<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>主页页面元素管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" type="text/css" href="./vendor/wangEditor/release/wangEditor.min.css">
  <link rel="stylesheet" type="text/css" href="./css/video-js.min.css">
  <!--jquery-->
  <script type="text/javascript" src="./js/jquery.min.js"></script>
  <!--layui-->
  <script type="text/javascript" src="./lib/layui/layui.js"></script>
  <!--cookies-->
  <script type="text/javascript" src="./js/cookies.js"></script>
  <!--spark-md5 获取文件MD5-->
  <script type="text/javascript" src="./js/spark-md5.min.js"></script>
  <!--common-->
  <script type="text/javascript" src="./js/common.js"></script>
  <!--检测登陆-->
  <script type="text/javascript" src="./js/testing_login.js"></script>
  <!--xadmin js-->
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <style type="text/css">
    .carousel-item .text{
      position: absolute;
      top: 30%;
      left:0;
      width: 100%;
      height: 100%;
      color: #fff;
      text-align: center;
    }
    .carousel-item .text .t_1{
      font-size: 32px;
    }
    .carousel-item .text .t_2{
      font-size: 20px;
    }
    .carousel-item .text .t_3{
      font-size: 16px;
    }
  </style>  
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">页面元素管理</a>
      <a>
        <cite>首页管理</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
      </div>
      <div class="x-body">
        <div class="layui-row" style="position: relative;">
          <div class="layui-col-md6">
            <div class="layui-carousel" id="topVideoBanner" lay-filter="topVideoBanner">
              <div carousel-item class="carousel-item">
              </div>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="layui-form" lay-filter="banner-item">
              <div class="layui-form-item">
                <label for="" class="layui-form-label" style="width:130px;">
                    当前轮播项：第<span style="color: red; margin: 0 5px; font-size:18px;" id="bannerItemIndex">1</span>项  
                </label>
              </div>
              <div class="layui-form-item">
                  <label for="" class="layui-form-label">
                      <span class="x-red">*</span>文字-简体
                  </label>
                  <div class="layui-input-inline">
                      <input type="text" name="text_cn1" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="填入第一行文字">
                  </div>
                  <div class="layui-input-inline">
                      <input type="text" name="text_cn2" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="填入第二行文字">
                  </div>
                  <div class="layui-input-inline">
                      <input type="text" name="text_cn3" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="填入第三行文字">
                  </div>
              </div>
              <div class="layui-form-item">
                <label for="" class="layui-form-label">
                    <span class="x-red">*</span>文字-繁体
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="text_tw1" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="填入第一行文字">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="text_tw2" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="填入第二行文字">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="text_tw3" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="填入第三行文字">
                </div>
              </div>
              <div class="layui-form-item">
                <label for="" class="layui-form-label">
                    <span class="x-red">*</span>text-english
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="text_en1" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="Fill in the first line">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="text_en2" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="Fill in the second line">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="text_en3" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="Fill in the third line">
                </div>
              </div>
              <div class="layui-form-item">
                <label for="" class="layui-form-label">
                    <span class="x-red">*</span>轮播图片
                </label>
                <div class="layui-input-inline" style="width:63%">
                  <input type="text" name="banner_img" disabled  autocomplete="off" class="layui-input">
                </div>
                 <div class="position-box">
                    <a class="layui-btn layui-btn-normal">添加</a>
                    <input type="file" onchange="addOrChangeProImg('bannerImg')" name="bannerImg" data-op="banner_img" class="hidden-upload-btn">
                </div>
                <a class="layui-btn" onclick="checkImg('banner_img')">检查</a>
              </div>
             <div class="layui-form-item banner-modfiy-btn">
                  <a class="layui-btn layui-btn" lay-filter="modify" lay-submit>保存更改</a>
                  <a class="layui-btn layui-btn-warm" lay-filter="delete" lay-submit>删除该项</a>
                  <a class="layui-btn layui-btn-normal" id="newAdd">新增项目</a>
              </div>
            </div>  
          </div>
        </div>
      </div>
      <script type="text/javascript" src="js/video.min.js"></script>
      <script type="text/javascript" src="js/page-agent.js"></script>
</body>

</html>